<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>柠檬支付</title>
</head>
<body>
  <div class="bg-white">
    <div class="bg-adornments hidden-xs">
      <img class="adornment adornment-1 xs-hidden" src="../../images/home-v2/home2_01.png">
      <img class="adornment adornment-2" src="../../images/home-v2/home2_04.png">
      <img class="adornment adornment-3" src="../../images/home-v2/homeb_05.png">
      <img class="adornment adornment-4" src="../../images/home-v2/home2_10.png">
      <img class="adornment adornment-5" src="../../images/home-v2/home2_13.png">
      <img class="adornment adornment-6" src="../../images/home-v2/homeb_23.png">
    </div>
    <div class="top-nav">
      <div class="icon icon-menu hidden-md hidden-lg"></div>
      <div class="main-width inner">
        <div href="#section1" class="item active">产品介绍</div>
        <div href="#section2" class="item">产品优势</div>
        <div href="#section3" class="item">安全说明</div>
        <div href="#section4" class="item">成为商家</div>
        <div href="#section5" class="item">团队成员</div>
        <div href="#section6" class="item">里程碑</div>
      </div>
    </div>
    <div class="main-width">
      <div class="container-fluid plan-area">
        <div id="section1" class="section row">
          <div class="col-md-6 plan-panel-1">
            <div class="title">柠檬支付</div>
            <div class="sub-title">快如闪电的数字货币支付</div>
            <div class="qr-code">
              <div class="qr-code-wrapper">
                <img class="image" src="../../images/home-v2/home2_07.png">
              </div>
              <span class="text">扫码下载APP</span>
            </div>
          </div>
          <div class="col-md-6 plan-panel-2">
            <div class="phone-wrapper">
              <img class="phone" src="../../images/home-v2/home2_03.png">
            </div>
            <div class="adornments-around">
              <img class="adornment adornment-1" src="../../images/home-v2/homeb_03.png">
              <img class="adornment adornment-2" src="../../images/home-v2/home2_06.png">
              <img class="adornment adornment-3" src="../../images/home-v2/home2_09.png">
              <img class="adornment adornment-4" src="../../images/home-v2/home2_14.png">
              <img class="adornment adornment-5" src="../../images/home-v2/home2_18.png">
            </div>
          </div>
        </div>
        <div id="section2" class="section row">
          <div class="col-md-6 plan-panel-3">
            <div class="xs-advantage-summary hidden-md hidden-lg">
              <div class="title">优势一</div>
              <div class="sub-title">
                <div>极速交易，闪电到账；超低费率，</div>
                <div>资产流通渠道全面覆盖</div>
              </div>
            </div>
            <img class="advantage-1" src="../../images/home-v2/home2_11.png">
          </div>
          <div class="col-md-6 plan-panel-4">
            <div class="advantage-summary hidden-xs">
              <img class="icon" src="../../images/home-v2/homec_03.png">
              <div class="title">优势一</div>
              <div class="sub-title">
                <div>极速交易，闪电到账；超低费率，</div>
                <div>资产流通渠道全面覆盖</div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 plan-panel-5">
            <div class="advantage-summary icon-right hidden-xs">
              <img class="icon" src="../../images/home-v2/home2_19.png">
              <div class="title">优势二</div>
              <div class="sub-title">
                <div>支持BTC、ETH等主流数字货币，</div>
                <div>让数字货币回归生活支付</div>
              </div>
            </div>
          </div>
          <div class="col-md-6 plan-panel-6">
            <div class="xs-advantage-summary hidden-md hidden-lg">
              <div class="title">优势二</div>
              <div class="sub-title">
                <div>支持BTC、ETH等主流数字货币，</div>
                <div>让数字货币回归生活支付</div>
              </div>
            </div>
            <img class="advantage-2" src="../../images/home-v2/home2_15.png">
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 plan-panel-7">
            <div class="xs-advantage-summary hidden-md hidden-lg">
              <div class="title">优势三</div>
              <div class="sub-title">
                <div>提供API组件，快速适配各类商户场景， </div>
                <div>从餐饮到休闲娱乐，从线下门店到电子商务。</div>
              </div>
            </div>
            <img class="advantage-3" src="../../images/home-v2/homea_03.png">
          </div>
          <div class="col-md-6 plan-panel-8">
            <div class="advantage-summary no-icon hidden-xs">
              <div class="title">优势三</div>
              <div class="sub-title">
                <div>提供API组件，快速适配各类商户场景， </div>
                <div>从餐饮到休闲娱乐，从线下门店到电子商务。</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="section3" class="section container-fluid safe-area">
        <div class="header">
          <div class="title">安全说明</div>
          <div class="sub-title">SAFETY INSTRUCTIONS</div>
        </div>
        <div class="content">
          <div class="card">
            <img class="bg" src="../../images/home-v2/home2_24.png">
            <div class="inner">
              <div class="title">严密的出入账监控体系，层层保障 资金安全。</div>
            </div>
          </div>
          <div class="card">
            <img class="bg" src="../../images/home-v2/home2_26.png">
            <div class="inner">
              <div class="title">全方位预警机制，杜绝不法操作。</div>
            </div>
          </div>
          <div class="card">
            <img class="bg" src="../../images/home-v2/home2_28.png">
            <div class="inner">
              <div class="title">币本位财务系统，实现业务流 水与链上资产的自动化对账与查档。</div>
            </div>
          </div>
          <!--<div class="row">-->
          <!--<div class="col-md-4">-->
          <!---->
          <!--</div>-->
          <!--<div class="col-md-4">-->
          <!---->
          <!--</div>-->
          <!--<div class="col-md-4">-->
          <!---->
          <!--</div>-->
          <!--</div>-->
        </div>
      </div>
      <div id="section4" class="section container-fluid businness-area">
        <div class="header">
          <div class="title">商家入住申请</div>
        </div>
        <div class="content">
          <div class="horizontal-line hidden-xs"></div>
          <div class="row">
            <div class="col-md-4">
              <div class="step-panel">
                <div class="pic-wrapper">
                  <img src="../../images/home-v2/home2_40.png">
                </div>
                <img class="step-text" src="../../images/home-v2/home2_46.png">
              </div>
            </div>
            <div class="col-md-4">
              <div class="step-panel">
                <div class="pic-wrapper">
                  <img src="../../images/home-v2/home2_37.png">
                </div>
                <img class="step-text" src="../../images/home-v2/home2_49.png">
              </div>
            </div>
            <div class="col-md-4">
              <div class="step-panel">
                <div class="pic-wrapper">
                  <img src="../../images/home-v2/home2_34.png">
                </div>
                <img class="step-text" src="../../images/home-v2/home2_52.png">
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <img class="apply-btn" src="../../images/home-v2/home2_58.png">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="section5" class="section container-fluid team-area">
      <div class="header">
        <div class="title">团队成员</div>
      </div>
      <div class="content">
        <div class="row">
          <div class="col-md-3">
            <div class="member-panel">
              <div class="avatar-wrapper">
                <img class="avatar" src="../../images/home-v2/home._03.jpg">
              </div>
              <img class="quotation" src="../../images/home-v2/homea._03.png">
              <div class="introduce">
                柠檬支付CEO，资深投资人，曾就职于 Jp Morgan等知名投资公司，投资过 美团、今日头条等多家知名企业。
              </div>
              <div class="name">-&nbsp;&nbsp;Bob Chen</div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="member-panel">
              <div class="avatar-wrapper">
                <img class="avatar" src="../../images/home-v2/home._05.jpg">
              </div>
              <img class="quotation" src="../../images/home-v2/homea._03.png">
              <div class="introduce">
                柠檬支付产品专家，先后任职于百度、陆金所 等知名互联网公司，专注 blockchain 和 fintech 领域。
              </div>
              <div class="name">-&nbsp;&nbsp;Adonis Huang</div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="member-panel">
              <div class="avatar-wrapper">
                <img class="avatar" src="../../images/home-v2/home._07.jpg">
              </div>
              <img class="quotation" src="../../images/home-v2/homea._03.png">
              <div class="introduce">
                柠檬支付CTO，先后任职于腾讯、阿里 一线互联网公司，十年技术经验，精通技术架构设计、性能优化及系统安全。
              </div>
              <div class="name">-&nbsp;&nbsp;Justin Qi</div>
            </div>
          </div>
          <div class="col-md-3">
            <div class="member-panel">
              <div class="avatar-wrapper">
                <img class="avatar" src="../../images/home-v2/home._09.png">
              </div>
              <img class="quotation" src="../../images/home-v2/homea._03.png">
              <div class="introduce">
                毕业于MIT，前后就职于Apple和VISA, 现任柠檬支付特别顾问。
              </div>
              <div class="name">-&nbsp;&nbsp;Edward Smith</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="main-width">
    <div id="section6" class="section container-fluid milestone-area">
      <div class="header">
        <div class="title">里程碑</div>
      </div>
      <div class="content">
        <div class="row">
          <div class="col-md-6 left">
            <img class="quarter-summary hidden-xs mr-30" src="../../images/home-v2/home2_16.png">
            <img class="quarter hidden-md hidden-lg" src="../../images/home-v2/home2_75.png">
            <img class="vertical-line hidden-xs" src="../../images/home-v2/homed_03.png">
          </div>
          <div class="col-md-6">
            <img class="quarter hidden-xs ml-30" src="../../images/home-v2/home2_75.png">
            <img class="quarter-summary hidden-md hidden-lg" src="../../images/home-v2/home2_16.png">
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 left">
            <img class="quarter mr-30" src="../../images/home-v2/home2_85.png">
            <img class="vertical-line hidden-xs" src="../../images/home-v2/homed_03.png">
          </div>
          <div class="col-md-6">
            <img class="quarter-summary ml-30" src="../../images/home-v2/home2_20.png">
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 left">
            <img class="quarter-summary hidden-xs mr-30" src="../../images/home-v2/homea_24.png">
            <img class="quarter hidden-md hidden-lg" src="../../images/home-v2/home2_91.png">
            <img class="vertical-line hidden-xs" src="../../images/home-v2/homed_03.png">
          </div>
          <div class="col-md-6">
            <img class="quarter hidden-xs ml-30" src="../../images/home-v2/home2_91.png">
            <img class="quarter-summary hidden-md hidden-lg" src="../../images/home-v2/homea_24.png">
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 left">
            <img class="quarter mr-30" src="../../images/home-v2/home2_97.png">
            <img class="circle hidden-xs" src="../../images/home-v2/home_circle.png">
          </div>
          <div class="col-md-6">
            <img class="quarter-summary ml-30" src="../../images/home-v2/homea_27.png">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="main-width">
      <div class="contact-us">
        <div class="text">联系我们</div>
        <div class="emial">nuonuo0731@gmail.com</div>
      </div>
      <div class="contact-ways">
        <img class="icon-1" src="../../images/home-v2/facebook.png">
        <img class="icon-2" src="../../images/home-v2/plane.png">
        <img class="icon-3" src="../../images/home-v2/wechat.png">
        <img class="icon-4" src="../../images/home-v2/twitter.png">
      </div>
    </div>
    <!--<img class="bg" src="../../images/home-v2/home2_101.png">-->
  </div>
  <!-- 商家申请浮层 -->
  <div class="apply-dialog">
    <span class="dialog-close close-icon"></span>
    <div class="dialog-title">
      入住申请
    </div>
    <div class="dialog-content">
      <div class="form-wrap">
        <div class="form-item">
          <div class="input-wrap">
            <span class="input-icon phone-icon"></span>
            <input id="account" class="input-field" type="text" placeholder="手机号码">
          </div>
        </div>
        <!-- <div class="form-item">
          <div class="input-wrap">
            <span class="input-icon code-icon"></span>
            <input id="code" class="input-field code-input-field" type="text" placeholder="验证码">
          </div>
          <div id="getCode" class="code-btn">
            获取验证码
          </div>
        </div> -->
        <div class="form-item">
          <div class="input-wrap">
            <span class="input-icon business-icon"></span>
            <input id="name" class="input-field" type="text" placeholder="商家名称">
          </div>
        </div>
      </div>
    </div>
    <div class="dialog-footer">
      <div id="submit" class="submit-btn">
        提交
      </div>
    </div>
  </div>
  <!-- 吐司 -->
  <div class="toast"></div>
  <!-- 遮罩 -->
  <div class="mask"></div>
</body>
</html>